<!--支付返回-->
<template>
	<view>
		<view class="box">
			<view class="success_icon"></view>
			<h3>预约成功</h3>
			<button class="look" @click="lookAppointmentInfo()">查看预约信息</button>
			<a href="#">返回首页</a>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			lookAppointmentInfo(){
				
			}
		}
	}
</script>

<style>
.box{
	width: 96%;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	display: grid;
	margin-top: 15px;
	border-radius: 8px;
	padding-bottom: 15px;
}
.box .success_icon{
	margin: 0 auto;
	margin-top: 30px;
}
.box h3{
	margin-top: 20px;
}
.box .look{
	border: 1px solid #22C060;
	border-radius: 17px;
	color: #22C060;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 160px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	margin-top: 20px;
}
.box a{
	color: #999999;
	margin-top: 20px;
}
.box a:active{
	color: #999999;
}
</style>
